{extends file="../insider_base.html"} 


{block name=insider}
<div class="comm_view">
    {if $data.is_title}
    <div class="comm_title">
        <h2 class="reset">{$data.title}</h2>
        <h4 class="reset"><span>发布日期：{$data.date|date_format:'Y-m-d'}</span>{if $data.from}<span>信息来源：{$data.from}</span>{/if}<span>浏览次数：<i>{$data.visit_count}</i></span></h4>
    </div>
    {/if}
    <div class="comm_content">
        {$view_style=$data.view_style}
        {if !$view_style}{$view_style='simpleLide'}{/if}
        
        {if $view_style == 'simpleLide'}
        <div class="cms_album_1">
            <ul class="grid cms_case3 clearfix">
                {foreach $data.AlbumPicture as $picture}
                <li>
                    <div class="thumb">
                        <a href="javascript:;" i="{$absroot}{$picture.image}" class="simpleSlide" style="background-image: url('{$absroot}{$picture.thumb}');" class="coverBg cms_tran">
                            <img  src="{$absroot}{$picture.thumb}" alt="{$item.title}" class="hidden"/>
                            <div class="bgcolor cms_tran_in"></div>
                            <div class="mask cms_tran">
                                <i class="line_l cms_tran"></i>
                                <i class="line_t cms_tran"></i>
                                <i class="line_r cms_tran"></i>
                                <i class="line_b cms_tran"></i>
                            </div>
                            <h4 class="cms_tran {cycle values='odd,even'}">{$picture.title}</h4>
                        </a>            
                    </div>
                </li>
                {/foreach}
            </ul>
        </div>
        <script type="text/javascript">
            $('.simpleSlide').simpleSlide({
                "opacity":0.5,                  //背景透明度
                "windowAction": "zoomIn",       //窗体进入动画
                "imageAction": "bounceIn",      //图片进入动画
                "loadingImage":"{$absroot}files/simple-lide/img/1.gif"      //加载图片
            });
        </script>
        {/if}  
        
        {if $view_style == 'lightGallery'}
        <div class="cms_album_2">
            <ul id="auto-loop" class="gallery grid cms_case3 clearfix">
                {foreach $data.AlbumPicture as $picture}
                <li data-src="{$absroot}{$picture.image}">
                    <div class="thumb">
                        <a href="javascript:;" i="{$absroot}{$picture.image}" class="simpleSlide" style="background-image: url('{$absroot}{$picture.thumb}');" class="coverBg cms_tran">
                            <img  src="{$absroot}{$picture.thumb}" alt="{$item.title}" class="hidden"/>
                            <div class="bgcolor cms_tran_in"></div>
                            <div class="mask cms_tran">
                                <i class="line_l cms_tran"></i>
                                <i class="line_t cms_tran"></i>
                                <i class="line_r cms_tran"></i>
                                <i class="line_b cms_tran"></i>
                            </div>
                            <h4 class="cms_tran {cycle values='odd,even'}">{$picture.title}</h4>
                        </a>            
                    </div>
                </li>
                {/foreach}
            </ul>
        </div>
        <script type="text/javascript">
        $(document).ready(function() {
            $("#auto-loop").lightGallery({
            	loop:true,
            	auto:true,
            	pause:4000
            });
        });
        </script>
        {/if}
        
        {*在这里定义自己的插件*}
    
        {if $data.is_content}
        <div style="padding-top: 20px;" class="cms_content"><div class="editor_content">{$data.content}</div></div>
        {/if}
    </div>
    
    <div class="comm_neighbor clearfix">
        <div class="prev">上一篇：{if $prev}<a href="{call view_link item=$prev}">{$prev.title}</a>{else}无{/if}</div>
        <div class="next">下一篇：{if $next}<a href="{call view_link item=$next}">{$next.title}</a>{else}无{/if}</div>
    </div>
</div>

{/block}